<!DOCTYPE html>
<html>

	<head>
		<title>套餐详情</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/index.css" />
		<style>
			.ltem{
				text-align: center;
				margin-bottom: 10px;
			}
			.check {
				height: 30px;
				border: 1px solid #909090;
				border-radius: 5px;
				width: 122px;
				display: inline-block;
			}
			
			.check span {
				width: 30px;
				height: 30px;
				display: inline-block;
				text-align: center;
				line-height: 30px;
				font-size: 20px;
				float: left;
			}
			.ltem b{
				position:relative;
				top: -10px;
				font-weight: normal;
			}
			.check input {
				width: 60px !important;
				height: 28px !important;
				line-height: 30px !important;
				border-left: 1px solid #909090 !important;
				border-right: 1px solid #909090 !important;
				border-bottom: none !important;
				text-align: center !important;
				float: left;
				border:none
			}
		</style>
	</head>

	<body class="bgBlue">
		<div class="h66">
			<img src="images/cs.png" />
		</div>
		<div class="detail">
			<div class="pic">
				<div class="img"></div>
			</div>
			<h2>华山旅游景点电子导游豪华级套餐</h2>
			<div class="detail_price">
				<div class="orange">
					<b><span>￥</span>800<i>¥200   20次</i></b>
					<b>20<span>次</span></b>
				</div>
			</div>
			<div class="ltem">
				<b>购买数量：</b>
				<div class="check">
					<span id="sub">-</span>
					<input type="text" value="2" id="text">
					<span id="add">+</span>
				</div>
			</div>

			<a href="###" class="aBtn">立即购买</a>
		</div>
		<!--阴影-->
		<div class="shadow">
			<div class="shadow shadow2"></div>
			<div class="shadow shadow3"></div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script>
			$(function(){
				$('#add').click(function(){
					var num = parseInt($("#text").val()) || 0;
    				$("#text").val(num + 1);
				})
				$("#sub").click(function() {
				    var num = parseInt($("#text").val()) || 0;
				    num = num - 1;
				    num = num < 1 ? 1 : num;
				    $("#text").val(num);
				});
			})
		</script>
	</body>

</html>